<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="stylesheet" href="/page/assets/css/boot/bootstrap.css">
    <link rel="stylesheet" href="/page/assets/css/sweetalert/sweetalert.min.css">
    <link rel="stylesheet" href="/page/assets/css/login/styles.css">
    <link rel="stylesheet" href="/page/assets/css/dqq.css">
    <style>
        body,html{
            height:100%;
            width:100%;
        }
        .canvasBg{
            position: absolute;
            top:0;
            bottom:0;
            left:0;
            right:0;
        }
        .canvasBg{z-index:2;}
        .canvasBg iframe{
            width: 100%;
            height: 100%;
        }
        .inputBody{
            position: absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
            z-index:5;
            background-color: rgba(185,185,185,.9);
            border-radius: 25px;
            width: 30%;
            padding:50px 0;
        }
        .inputBody>div{

        }
    </style>
    <!--<link rel="stylesheet" href="/page/assets/js/layui/css/layui.css">-->
</head>
<body>
    <!--canvas背景-->
    <div class="canvasBg">
        <iframe id="iframeCanvas" name="iframeCanvas" src="/page/tpl/canvas.html" frameborder="0"></iframe>
    </div>
    <!--输入框部分-->
    <div class="inputBody login">
        <form class="form-horizontal validate-form">
            <div class="form-group">
                <label for="userName" class="col-sm-3  control-label">姓名</label>
                <div class="col-sm-7">
                    <input type="text" class="form-control" name="userName" id="userName" placeholder="用户姓名" title="请输入用户姓名"  data-rule-required='true'>
                </div>
            </div>
            <div class="form-group">
                <label for="userPwd" class="col-sm-3 control-label">密码</label>
                <div class="col-sm-7">
                    <input type="password" class="form-control" name="userPwd" id="userPwd" placeholder="用户密码" title="请输入用户密码"  data-rule-required='true'>
                </div>
            </div>
            <div class="form-group">
                <label for="code" class="col-sm-3 control-label">验证码</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" name="code" id="code" placeholder="验证码" title="请输入验证码"  data-rule-required='true'>
                </div>
                <div class="col-sm-3">
                    <div class="img_code">验证码</div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3"></div>
                <div class="col-sm-7">
                    <button type="button" class="btn btn-success btn-block submit">登录</button>
                </div>
            </div>
            <!--<div class="form-group">-->
                <!--<div class="col-sm-10"></div>-->
                <!--<div class="col-sm-2">-->
                    <!--<a href="/main.html">去注册</a>-->
                <!--</div>-->
            <!--</div>-->
        </form>
    </div>
    <!--加载状态-->
    <div id="loading">
        <div class="imgLoading">
            <img src="/page/assets/images/loading.gif" alt="" style="margin-bottom: 200px">
            <button class="btn btn-danger btn-block closeModal">关闭</button>
        </div>
    </div>
    <script src='/page/assets/js/dqq_include.js' type='text/javascript'></script>
    <script src="/page/assets/js/boot/bootstrap.min.js" type="text/javascript"></script>
    <script src="/page/assets/js/validate/jquery.validate.js" type="text/javascript"></script>
    <script src="/page/assets/js/validate/additional-methods.js" type="text/javascript"></script>
    <script src='/page/assets/js/sweetalert2.min.js' type='text/javascript'></script>
    <script src="/page/assets/js/tpl/index.js" type="text/javascript"></script>
</body>
</html>